Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Newswires UI: fix offline banner #104

Merged
merged 1 commit into from
Jan 23, 2025
Merged

Newswires UI: fix offline banner #104

merged 1 commit into from
Jan 23, 2025

Conversation

sb-dev
Copy link
Contributor

@sb-dev sb-dev commented Jan 17, 2025

What does this change?

Make the offline banner fixed so it can remain visible when scrolling through stories.

How to test

How can we measure success?

Have we considered potential risks?

Images

Accessibility

@sb-dev sb-dev requested a review from a team as a code owner January 17, 2025 15:27
@sb-dev sb-dev force-pushed the fix-offline-banner branch from a7fd63a to b7dd6dd Compare January 17, 2025 16:01
@sb-dev sb-dev force-pushed the fix-offline-banner branch 4 times, most recently from f21c720 to 604ea53 Compare January 22, 2025 17:15
css={css`
${status === 'offline' && 'padding-top: 84px;'}
height: 100%;
${(status === 'loading' || status === 'error') && 'display: flex;'}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
${(status === 'loading' || status === 'error') && 'display: flex;'}
${(status === 'loading' || status === 'error') && 'display: flex; align-items: center;'}

iiuc these rules are coupled, so to my mind it makes sense to have them both in the same expression? not blocking though

Copy link
Contributor

@bryophyta bryophyta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good tweak to have, and it works as expected on mobile, in 'popout' mode, etc. 🥳 👍

@sb-dev sb-dev force-pushed the fix-offline-banner branch 2 times, most recently from e9afb90 to 6686430 Compare January 23, 2025 12:15
@sb-dev sb-dev force-pushed the fix-offline-banner branch from 6686430 to 3342070 Compare January 23, 2025 12:17
@sb-dev sb-dev merged commit 4cb3429 into main Jan 23, 2025
3 checks passed
@sb-dev sb-dev deleted the fix-offline-banner branch January 23, 2025 15:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants